/*轮播图*/
import { } from "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";

const $banner_box = $(".banner_box");
const $piclist = $(".banner_box ul li");//图片
const $btnlist = $(".banner_box ol li");//小圆点
const $slide_left = $(".slide_left");//右切换按钮
const $slide_right = $(".slide_right");//左切换按钮

let $index = 0;//存放索引的变量

$btnlist.on("click", function () {
    $index = $(this).index(".banner_box ol li");
    tabswitch();
    console.log($index);
});

// 点击左右箭头切换图片
// 右
$slide_right.on("click", function () {
    $index++;
    if ($index >= $piclist.length) {
        $index = 0;
    }
    tabswitch();
});
// 左
$slide_left.on("click", function () {
    $index--;
    if ($index < 0) {
        $index = $piclist.length - 1;
    }
    tabswitch();
});


// 自动轮播
let $item = null;
$item = setInterval(function () {
    $slide_right.click();
}, 2000);

function tabswitch() {
    $btnlist.eq($index).addClass("curr_point").siblings(".banner_box ol li").removeClass("curr_point");
    $piclist.eq($index).stop(true).animate({
        opacity: 1
    }).siblings("ul li").stop(true).animate({
        opacity: 0
    });
}